<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Event Hub</title>
</head>

<body>
    <header>
        <h1>Event Hub</h1>
        <nav>
            <ul>
                <li><a href="#upcoming-events">Upcoming Events</a></li>
                <li><a href="#past-events">Past Events</a></li>
            </ul>
        </nav>
    </header>
    <main>
        <section id="upcoming-events">
            <h2>Upcoming Events</h2>
            <article>
                <h3>Learn JavaScript</h3>
                <p>I intend to learn JavaScript to improve of my ability to code.I had learned some syntax of JavaScript 3 months ago.Howerve,I don't know how to use it to code.</p>
                <p>Date: Late Autumn 2025</p>
            </article>
            <article>
                <h3>Learn Vue.js</h3>
                <p>Vue is very popular in China.And using it can make very useful APP.After I learned JavaScript, I will learn it.</p>
                <p>Date: Spring 2026</p>
            </article>
        </section>
        <section id="past-events">
            <h2>Past Events</h2>
            <article>
                <h3>Be fond of Python</h3>
                <p>Last summer,I began to learn Python and I was fond of it.I read many books and videos to learn it.</p>
                <img src="https://cdn.freecodecamp.org/curriculum/labs/past-event1.jpg" alt="be-fond-of-python">
            </article>
            <article>
                <h3>Learn C in university</h3>
                <p>In my fresh year in university, I learned C.At first, I thought coding was full of fun.To my disappointment,the textbook in my school was out of date and most of codes were wrong.</p>
                <img src="https://cdn.freecodecamp.org/curriculum/labs/past-event2.jpg" alt="learn-c-in-university">
            </article>
        </section>
    </main>
</body>

</html>